// 基础样式
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.clearfix {
  *zoom: 1
}

.container {
  clear: both;
  margin: 0 auto;
  text-align: left;
  min-width: 320px;
  max-width: 640px;
}

.container:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.vspace {
  height: 10px;
  font-size: 0px;
  line-height: 0px;
  width: 99%;
  clear: both;
}

.vspace-padding {
  height: 0px;
  font-size: 0px;
  line-height: 0px;
  width: 99%;
  clear: both;
  padding-top: 10%;
}

.vspace-padding:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.vspace-em {
  font-size: inherit;
  height: 1em;
  line-height: 1;
  width: 99%;
  clear: both;
}

.width-100 {
  width: 100%;
}

.font-14{
  font-size: 14px;
}
.font-16{
  font-size: 16px;
}
